<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <meta name="keywords" content=""/>
        <meta name="description" content=""/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <meta name="format-detection" content="telephone=no"/>
        <title>
            数据统计
        </title>
        <link rel="stylesheet" href="css/reset_b43207c.css"/>
        <link rel="stylesheet" href="css/data_statistics.css"/>
        <link rel="stylesheet" href="css/rem_a30ca1a.css"/>
    </head>
    <body>
        <div class="wrap">
            <div class="header">
                <div class="header-hd">
                    <div class="back"><a href="javascript:history.go(-1);"></a></div>
                    <div class="username">小树苗</div>
                </div>
                <div class="header-bd flex-cont">
                    <div class="header-bd-l photo">
                        <img src="images/avatar_a505cc3.jpg" alt="">
                    </div>
                    <div class="header-bd-r flex">
                        <div class="flex-cont  flex-center-y" style="width: 100%;height: 100%;">
                            <div style="width: 100%;">
                                <ul class="flex-cont">
                                    <li class="flex">
                                        <p class="p1">1269.34%</p>
                                        <p class="p2">总收益率</p>
                                    </li>
                                    <li class="flex">
                                        <p class="p1">-28.00%</p>
                                        <p class="p2">最大跌幅</p>
                                    </li>
                                    <li class="flex last">
                                        <p class="p1">3000.0%</p>
                                        <p class="p2">最低复制金额</p>
                                    </li>
                                </ul>
                            </div>
                        </div> 
                    </div>
                </div>
            </div>
            <div class="submenu">
                <ul class="flex-cont">
                    <li class="flex">
                        <p class="act submenu-item1"><a href="###">数据统计</a></p>
                    </li>
                    <li class="flex">
                        <p class="submenu-item2"><a href="current_Transaction.html">当前交易</a></p>
                    </li>
                    <li class="flex">
                        <p class="submenu-item3"><a href="history.html">历史记录</a></p>
                    </li>
                </ul>
            </div>
            <div class="main">
                <div class="main-box-n1">
                    <div class="hd wrapfix">
                        <div class="hd-l left">表现</div>
                        <div class="hd-r right">数字将于每天北京时间00:00更新</div>
                    </div>
                    <div class="select">
                        <div class="select-box">
                            <select name="" id="">
                                <option value="2017">2017</option>
                                <option value="2016">2016</option>
                                <option value="2015">2015</option>
                                <option value="2014">2014</option>
                                <option value="2013">2013</option>
                            </select>
                        </div>
                    </div>
                    <div class="bd flex-cont flex-center-x">
                        <div class="flex">
                            <div class="pillar-items flex-cont flex-center-x">
                                <div class="nothing">
                                    <div class="pillar-item">
                                        <div class="top_50">
                                        </div>
                                        <div class="bottom_50">
                                            <div class="com-pillar fall">
                                            </div>
                                            <div class="tip">
                                                <div class="triangle-down"></div>
                                                <p>收益率</p>
                                                <span>24.36%</span>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="month">一月</p>
                                </div>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="pillar-items flex-cont flex-center-x">
                                <div class="nothing">
                                    <div class="pillar-item">
                                        <div class="top_50">
                                            <div class="com-pillar rise">
                                            </div>
                                            <div class="tip">
                                                <div class="triangle-down"></div>
                                                <p>收益率</p>
                                                <span>24.36%</span>
                                            </div>
                                        </div>
                                        <div class="bottom_50"></div>
                                    </div>
                                    <p class="month">二月</p>
                                </div>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="pillar-items flex-cont flex-center-x">
                                <div class="nothing">
                                    <div class="pillar-item">
                                        <div class="top_50">
                                        </div>
                                        <div class="bottom_50">
                                            <div class="com-pillar fall">
                                            </div>
                                            <div class="tip">
                                                <div class="triangle-down"></div>
                                                <p>收益率</p>
                                                <span>24.36%</span>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="month">三月</p>
                                </div>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="pillar-items flex-cont flex-center-x">
                                <div class="nothing">
                                    <div class="pillar-item">
                                        <div class="top_50">
                                            <div class="com-pillar rise">
                                            </div>
                                            <div class="tip">
                                                <div class="triangle-down"></div>
                                                <p>收益率</p>
                                                <span>24.36%</span>
                                            </div>
                                        </div>
                                        <div class="bottom_50"></div>
                                    </div>
                                    <p class="month">四月</p>
                                </div>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="pillar-items flex-cont flex-center-x">
                                <div class="nothing">
                                    <div class="pillar-item">
                                        <div class="top_50">
                                        </div>
                                        <div class="bottom_50">
                                            <div class="com-pillar fall">
                                            </div>
                                            <div class="tip">
                                                <div class="triangle-down"></div>
                                                <p>收益率</p>
                                                <span>24.36%</span>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="month">五月</p>
                                </div>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="pillar-items flex-cont flex-center-x">
                                <div class="nothing">
                                    <div class="pillar-item">
                                        <div class="top_50">
                                            <div class="com-pillar rise">
                                            </div>
                                            <div class="tip">
                                                <div class="triangle-down"></div>
                                                <p>收益率</p>
                                                <span>24.36%</span>
                                            </div>
                                        </div>
                                        <div class="bottom_50"></div>
                                    </div>
                                    <p class="month">六月</p>
                                </div>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="pillar-items flex-cont flex-center-x">
                                <div class="nothing">
                                    <div class="pillar-item">
                                        <div class="top_50">
                                        </div>
                                        <div class="bottom_50">
                                            <div class="com-pillar fall">
                                            </div>
                                            <div class="tip">
                                                <div class="triangle-down"></div>
                                                <p>收益率</p>
                                                <span>24.36%</span>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="month">七月</p>
                                </div>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="pillar-items flex-cont flex-center-x">
                                <div class="nothing">
                                    <div class="pillar-item">
                                        <div class="top_50">
                                            <div class="com-pillar rise">
                                            </div>
                                            <div class="tip">
                                                <div class="triangle-down"></div>
                                                <p>收益率</p>
                                                <span>24.36%</span>
                                            </div>
                                        </div>
                                        <div class="bottom_50"></div>
                                    </div>
                                    <p class="month">八月</p>
                                </div>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="pillar-items flex-cont flex-center-x">
                                <div class="nothing">
                                    <div class="pillar-item">
                                        <div class="top_50">
                                        </div>
                                        <div class="bottom_50">
                                            <div class="com-pillar fall">
                                            </div>
                                            <div class="tip">
                                                <div class="triangle-down"></div>
                                                <p>收益率</p>
                                                <span>24.36%</span>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="month">九月</p>
                                </div>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="pillar-items flex-cont flex-center-x">
                                <div class="nothing">
                                    <div class="pillar-item">
                                        <div class="top_50">
                                            <div class="com-pillar rise">
                                            </div>
                                            <div class="tip">
                                                <div class="triangle-down"></div>
                                                <p>收益率</p>
                                                <span>24.36%</span>
                                            </div>
                                        </div>
                                        <div class="bottom_50"></div>
                                    </div>
                                    <p class="month">十月</p>
                                </div>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="pillar-items flex-cont flex-center-x">
                                <div class="nothing">
                                    <div class="pillar-item">
                                        <div class="top_50">
                                        </div>
                                        <div class="bottom_50">
                                            <div class="com-pillar fall">
                                            </div>
                                            <div class="tip">
                                                <div class="triangle-down"></div>
                                                <p>收益率</p>
                                                <span>24.36%</span>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="month">十一月</p>
                                </div>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="pillar-items flex-cont flex-center-x">
                                <div class="nothing">
                                    <div class="pillar-item">
                                        <div class="top_50">
                                            <div class="com-pillar rise">
                                            </div>
                                            <div class="tip">
                                                <div class="triangle-down"></div>
                                                <p>收益率</p>
                                                <span>24.36%</span>
                                            </div>
                                        </div>
                                        <div class="bottom_50"></div>
                                    </div>
                                    <p class="month">十二月</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ft">
                        <p class="tips">
                            过往表现并不能完全代表未来交易的成功率，<br />您需要理智的做出判断
                        </p>
                    </div>
                </div>
                <div class="main-box-n2">
                    <div class="flex-cont sj-items">
                        <div class="flex sj-item">
                            <div class="flex-cont flex-centerbox">
                                <p>
                                    96.15%
                                    <span>准确率</span>
                                </p>
                            </div>
                        </div>
                        <div class="flex sj-item">
                            <div class="flex-cont flex-centerbox">
                                <p>
                                    0.5手
                                    <span>最大开仓</span>
                                </p>
                            </div>
                        </div>
                        <div class="flex sj-item">
                            <div class="flex-cont flex-centerbox">
                                <p>
                                    494笔
                                    <span>准确率</span>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="flex-cont sj-items">
                        <div class="flex sj-item">
                            <div class="flex-cont flex-centerbox">
                                <p>
                                    574笔
                                    <span>盈利订单</span>
                                </p>
                            </div>
                        </div>
                        <div class="flex sj-item">
                            <div class="flex-cont flex-centerbox">
                                <p>
                                    9笔
                                    <span>亏损订单</span>
                                </p>
                            </div>
                        </div>
                        <div class="flex sj-item">
                            <div class="flex-cont flex-centerbox">
                                <p>
                                    4天11小时24分
                                    <span>平均持仓时间</span>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="flex-cont sj-items">
                        <div class="flex sj-item">
                            <div class="flex-cont flex-centerbox">
                                <p>
                                    574笔
                                    <span>成功做多交易</span>
                                </p>
                            </div>
                        </div>
                        <div class="flex sj-item">
                            <div class="flex-cont flex-centerbox">
                                <p>
                                    9笔
                                    <span>成功做空交易</span>
                                </p>
                            </div>
                        </div>
                        <div class="flex sj-item">
                            <div class="flex-cont flex-centerbox">
                                <p>
                                    0.00%
                                    <span>上一日交易状况</span>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="flex-cont sj-items">
                        <div class="flex sj-item">
                            <div class="flex-cont flex-centerbox">
                                <p>
                                    18.49%
                                    <span>近七日交易情况</span>
                                </p>
                            </div>
                        </div>
                        <div class="flex sj-item">
                            <div class="flex-cont flex-centerbox">
                                <p>
                                    116笔
                                    <span>月平均交易笔数</span>
                                </p>
                            </div>
                        </div>
                        <div class="flex sj-item">
                            <div class="flex-cont flex-centerbox">
                                <p>
                                    80人
                                    <span>历史复制人数</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main-box-n3">
                    <div class="hd">
                        <p>月交易品种</p>
                        <select name="" id="">
                            <option value="2017-01">2017-01</option>
                            <option value="2016-01">2016-01</option>
                            <option value="2015-01">2015-01</option>
                            <option value="2014-01">2014-01</option>
                            <option value="2013-01">2013-01</option>
                        </select>
                    </div>
                    <div id="main"></div>
                </div>
                <div class="percent-items">
                    <div class="percent wrapfix flex-cont flex-center-y">
                        <div class="left percent-name">GBPUSD</div>
                        <div class="left percent-center wrapfix">
                            <div class="rise left"></div>
                            <div class="fall right"></div>
                        </div>
                        <div class="left percent-text">
                            <p class="rise">买涨单:<soan>14小时</span></p>
                            <p class="fall">买跌单:<soan>14小时</span></p>
                        </div>
                    </div>
                    <div class="percent wrapfix flex-cont flex-center-y">
                        <div class="left percent-name">GBPUSD</div>
                        <div class="left percent-center wrapfix">
                            <div class="rise left"></div>
                            <div class="fall right"></div>
                        </div>
                        <div class="left percent-text">
                            <p class="rise">买涨单:<soan>14小时</span></p>
                            <p class="fall">买跌单:<soan>14小时</span></p>
                        </div>
                    </div>
                    <div class="percent wrapfix flex-cont flex-center-y">
                        <div class="left percent-name">GBPUSD</div>
                        <div class="left percent-center wrapfix">
                            <div class="rise left"></div>
                            <div class="fall right"></div>
                        </div>
                        <div class="left percent-text">
                            <p class="rise">买涨单:<soan>14小时</span></p>
                            <p class="fall">买跌单:<soan>14小时</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="copy">复制</div>
        </div>
        <script type="text/javascript" src="js/zepto.min_1abd55c.js"></script>
        <script type="text/javascript" src="js/echarts_e123558.js"></script>
        <script type="text/javascript" src="js/data_statistics_d46a8b3.js"></script>
    </body>
</html>
